<template>
  <div class="friend">
    <el-card class="box-card">
      <div slot="header" class="d-flex align-items-center">
        <img class="card-icon" src="../assets/lianjie.png" />
        <span>{{$t('friend.friend')}}</span>
        <el-button class="ml-auto" style="padding: 3px 0" type="text">
          <router-link to="/apply" tag="span">{{$t('friend.exchange')}}</router-link>
        </el-button>
      </div>
      <div class="text item" v-for="item in list" :key="item.id">
        <a  :href="item.blogLink" target="_blank">{{item.name}}</a>
      </div>
      
    </el-card>
  </div>
</template>

<script>
export default {
  name: "friend",
  data() {
    return {
      list: []
    };
  },
  created() {
var c =this;
    this.$http.get("/api/blog/getconcern").then(res => {
	  console.log(res.data.data);
	  
	  c.list = res.data.data;
    });
  },
  methods:{
	  create(data){
		  
		   window.location.href = data
	  }
  }
};
</script>

<style scoped>
.box-card .item a {
  text-decoration: none;
  /*color: #F56C6C;*/
}
.box-card span {
  font-weight: bold;
}
.card-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
</style>